<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <title>.::Sistema de Informaci&oacute;n para Salud SIS::.</title>
        <link type="text/css" href="../common/css/redmond/jquery-ui-1.8.23.custom.css" rel="stylesheet" />

        <script type="text/javascript" src="common/js/jquery-1.4.2.min.js"></script>
        <!--<script type="text/javascript" src="common/js/jquery.ui.all.js"></script>-->
       
        <!--<script type="text/javascript" src="common/js/jquery-ui-1.8.6.custom.min.js"></script>-->
        <script type="text/javascript" src="../common/js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="../common/js/jquery-ui-1.8.23.custom.min.js"></script>
        <script type="text/javascript" src="common/js/jquery.layout.js"></script>
        
        
        <script type="text/javascript" src="common/js/calendarioui-es.js"></script>
        <script type="text/javascript" src="common/js/global.js"></script>
        <script type="text/javascript" src="common/js/banner.js"></script>          
        <link type="text/css" href="common/css/global.css" rel="stylesheet" />
        
        <!--
        <link type="text/css" href="common/css/imagescroller.css" media="screen" rel="stylesheet" />
        -->

        <script type="text/javascript">

            $(document).ready(function(){
                $(".ui-layout-pane-center")
                .tabs({
                    change: function () {  }
                })
                .find(".ui-tabs-nav")
                .sortable({ axis: 'x', zIndex: 2 })
                ;
            })
        </script>

        <style>
            /*
                 *	TAB-THEME ADJUSTMENTS
            */
            .ui-tabs-nav li {
                white-space:	nowrap;
            }
            .ui-tabs-nav li a {
                font-size:		1em !important;
                padding:		4px 1.5ex 3px !important;
            }
            .ui-tabs-panel {
                font-size:		1em !important;
                padding:		0 1em !important;
            }


            .ui-layout-pane-center {
                background:	#FFD; /* to make pane background stand-out */
                padding:	10px;
            }
            .ui-layout-pane-center .ui-tabs-nav {
                /* remove rounded corners from bottom of 'tabs'*/
                -moz-border-radius-bottomleft:		0;
                -moz-border-radius-bottomright:		0;
                -webkit-border-bottom-left-radius:	0;
                -webkit-border-bottom-right-radius:	0;
            }
            /* add border to the content-div - looks like border on the tab-panel */
            .ui-layout-pane-center .ui-layout-content {
                background:	#FFF;
                border:			1px solid #AAA;
                border-top:		0;
                /* hard-coded the ui-corner-bottom class to this div to round the corners */
            }

        </style>


    </head>

    <body>
        <!--ENCABEZADO COLAPSABLE-->
        <div class="ui-layout-north" >

            <div id="dialogo-salir" title="Confirmacion" style="display: none">
                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;">
                    </span>Seguro que desea salir de la aplicaci&oacute;n?
                </p>
            </div>


            <div class="ui-corner-all" style="height: 57px">

                <div class="ui-widget-content ui-corner-all" style="height: 55px" >


                    <!--
                    <div style="position: absolute;left:100px; font-size: 15px"><br/>
                        Salud Web - V. 0.1
                    </div>
        
                    <div style="position: absolute; left: 700px; font-size: 15px">
                        <img src="common/img/cliente.png" width="24px" height="24px"/>
                        <br />
                    </div>
        
                    <div style="float: right; position: absolute;">                
                        <img height="50" src="common/img/oms.png"/>                
                    </div>
                    -->


                    <div style="float: right;">
                        <br />
                        <img alt="Salir" id="salir" title="Salir" style="cursor: pointer" src="common/img/exit1.png" height="16px" width="16px"/>&nbsp;&nbsp;
                    </div>

                </div>


            </div>

        </div>

        <!--CONTENIDO LADO IZQUIERDO-->
        <div class="ui-layout-west">
            <div id="accordion1" class="basic">
                
                
                <h3><a href="#">Producci&oacute;n</a></h3>
                <div>
                    
                    <p>
                        <a href="#" id="lk_admision">abrir lk</a>
                    </p>
                    
                    <p>
                        <button id="citasBtn">Citas M&eacute;dicas</button>
                    </p>
                    
                    <p>
                        <button id="facturacionBtn">Facturaci&oacute;n</button>
                        
                    </p>
                    
                    <p>
                        <button id="facturacionBtnAdmDir">Facturaci&oacute;n AD</button>
                        
                    </p>
                    
                    <p>
                        <button id="historiaBtn">Historia Cl&iacute;nica</button>
                    </p>                                    
                    <p>
                        <button id="planpypBtn">Planeaci&oacute;n PYP</button>
                    </p>
                    <p>
                        <button id="admisionBtn">Admisi&oacute;n</button>
                    </p>
                </div>

                <h3><a href="#">Contrataci&oacute;n</a></h3>
                <div>

                    <div class="botonesContrato">
                        <p>
                            <button id="contratoBtn">Contrato</button>
                        </p>
                        <p>
                            <button id="pacienteBtn">Pacientes</button>
                        </p>
                        <p>
                            <button id="cargaPacienteBtn">Carga Pacientes</button>
                        </p>
                    </div>
                </div>


                <h3><a href="#">Gesti&oacute;n</a></h3>
                <div>

                    <div>
                        <p>
                            <button id="ripsBtn">Generaci&oacute;n Rips</button>
                        </p>
                        <p>
                            <button id="facturasBtn">Facturas</button>
                        </p>                                
                    </div>
                </div>


                <h3><a href="#">Administraci&oacute;n</a></h3>
                <div>
                    <p>
                        <button id="actBtn">Actividades</button>
                    </p>
                    <p>
                        <button id="grupoActBtn">Grupo Actividad</button>
                    </p>
                    <p>
                        <button id="entidadBtn">Entidades</button>
                    </p>
                    <p>
                        <button id="medicoBtn">Medicos</button>
                    </p>
                    <p>
                        <button id="especialidadBtn">Especialidades</button>
                    </p>
                    <p>
                        <button id="manualBtn">Manuales</button>
                    </p>
                    <p>
                        <button id="agendaBtn">Agenda M&eacute;dica</button>
                    </p>
                    <p>
                        <button id="pypBtn">Programas PYP</button>
                    </p>
                    <p>
                        <button id="actpypBtn">Actividades PYP</button>
                    </p>
                    <p>
                        <button id="reglaBtn">Reglas Liquidaci&oacute;n</button>
                    </p>
                    
                    <p>
                        <button id="confActPypBtn">Conf Actividad PYP</button>
                    </p>
                    
                     
                    <p>
                        <button id="pruebaConfActPypBtn">prueba de Actividad PYP</button>
                    </p>

                </div>

            </div>

        </div>


        <b class="ui-tabs-selected"></b>


        <!--CONTENIDO DEL FOOTER-->
        <div class="ui-layout-south">
            CMNB - Derechos Reservados 2012 &copy;
        </div>


        <!--CONTENIDO LADO DERECHO-->
        <!--
        <div class="ui-layout-east">
                Contenido opcional de lado derecho
                <br />
                <table>
                    <tr>
                        <td>Seleccion Fecha</td>
                        <td><input id="datepicker" size="10" type="text" />      </td>
                    </tr>
                </table>
        
        
                <p><button onclick="myLayout.close('east')">Cerrar Panel</button></p>
        </div>
        -->

        <!--CONTENIDO PRINCIPAL-->
        <div class="ui-layout-center">
            
            <iframe src="about:blank" id="ventasifr" width="100%" height="740px" frameborder="0" />

        </div>


    </body>
</html>
